import './index.scss'
import { LeftOutline } from 'antd-mobile-icons'
import { useNavigate } from 'react-router-dom'

function My() {
  const navigate = useNavigate()
  return (
    <div className='my'>
      <div className='my-top'>
        <span><LeftOutline className='my-tb' onClick={() => navigate("/home3")} /></span>
        <span><img src="../../../public/14.png" alt="" width={'10px'} height={'10px'} className='my-tb-img' /></span>
      </div>

      <div className='my-bg'>
        <div className='qd'>
          <p><button className='qd-btn'>签到</button></p>
        </div>
        <div className='consultation-card'>
          <div className='card-title'>我的问诊</div>
          <div className='consultation-list'>
            <div className='consultation-item'>
              <div className='item-icon'>
                <img src="../../../public/1.png" alt="当前问诊" />
              </div>
              <div className='item-text'>当前问诊</div>
              <div className='item-arrow'>&gt;</div>
            </div>
            <div className='consultation-item'>
              <div className='item-icon'>
                <img src="../../../public/2.png" alt="历史问诊" />
              </div>
              <div className='item-text'>历史问诊</div>
              <div className='item-arrow'>&gt;</div>
            </div>
          </div>
        </div>
      </div>
      <div className='my-bottom'>
        <div className='my-bottom-top'>
          <div className='my-bottom-top-left'>
            <img src="../../../public/39.png" alt="" className='my-bt-tb' />
            <p><span className='my-bt-list'>我的档案</span></p>
          </div>
          <div className='my-bottom-top-middle' onClick={()=>navigate('/myqb')}>
            <img src="../../../public/40.png" alt="" className='my-bt-tb' />
            <p><span className='my-bt-list'>我的钱包</span></p>
          </div>
          <div className='my-bottom-top-right'>
            <img src="../../../public/31.png" alt="" className='my-bt-tb' />
            <p><span className='my-bt-list'>我的收藏</span></p>
          </div>
        </div>
        <div className='my-middle'>
          <div className='my-middle-left'>
            <img src="../../../public/41.png" alt="" className='my-bt-tb' />
            <p><span className='my-bt-list'>被采纳建议</span></p>
          </div>
          <div className='my-middle-middle'>
            <img src="../../../public/42.png" alt="" className='my-bt-tb' />
            <p><span className='my-bt-list'>我的视频</span></p>
          </div>
          <div className='my-middle-right'>
            <img src="../../../public/43.png" alt="" className='my-bt-tb' />
            <p><span className='my-bt-list'>我的病友圈</span></p>
          </div>
        </div>
         <div className='my-bottom-row'>
           <div className='my-bottom-left'>
             <img src="../../../public/45.png" alt="" className='my-bt-tb' />
             <p><span className='my-bt-list'>我的关注</span></p>
           </div>
           <div className='my-bottom-middle'>
             <img src="../../../public/46.png" alt="" className='my-bt-tb' />
             <p><span className='my-bt-list'>我的任务</span></p>
           </div>
           <div className='my-bottom-right' onClick={()=>navigate('/shezhi')}>
             <img src="../../../public/47.png" alt="" className='my-bt-tb' />
             <p><span className='my-bt-list'>设置管理</span></p>
           </div>
         </div>

      </div>
    </div>
  )
}

export default My